當(dāng)提到網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的時(shí)候,不管什么文章都得來(lái)一句:“現(xiàn)在特別流行極簡(jiǎn)主義設(shè)計(jì)”,那么,到底什么是極簡(jiǎn)主義?極簡(jiǎn)主義不光存在于網(wǎng)頁(yè)設(shè)計(jì)中,像Logo設(shè)計(jì)、印刷設(shè)計(jì)、包裝設(shè)計(jì)也都有相應(yīng)的極簡(jiǎn)主義風(fēng)格。目前流行的極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)風(fēng)格是:使用純粹的色彩以及簡(jiǎn)練唯美的照片。
極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)流行使用創(chuàng)新式導(dǎo)航,不但易用,而且有種簡(jiǎn)約美,符合極簡(jiǎn)主義“回歸功能”與“視覺(jué)簡(jiǎn)約”的雙重理念。簡(jiǎn)約的外觀、易用的功能,并不意味著極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)很簡(jiǎn)單。事實(shí)上,優(yōu)秀的極簡(jiǎn)風(fēng)格作品需要復(fù)雜的設(shè)計(jì)流程。
有一種不錯(cuò)的極簡(jiǎn)主義設(shè)計(jì)方法是:先設(shè)計(jì)一個(gè)風(fēng)格復(fù)雜的網(wǎng)頁(yè),然后不斷簡(jiǎn)化,回歸基本。
那么,什么是基本呢?我們來(lái)看看這篇文章吧!
推薦閱讀:
《如何設(shè)計(jì)一個(gè)清爽極簡(jiǎn)的購(gòu)物網(wǎng)站》
《設(shè)計(jì)趨勢(shì)!如何打造簡(jiǎn)約的單頁(yè)網(wǎng)站設(shè)計(jì)》
《我們?yōu)楹我谠O(shè)計(jì)中重視“留白”》
概念
不要因?yàn)闃O簡(jiǎn)設(shè)計(jì)看起來(lái)簡(jiǎn)單而輕視他,也不要因?yàn)闃O簡(jiǎn)設(shè)計(jì)流行而跟風(fēng)。如果你抱著以上兩種想法去設(shè)計(jì),那么你的極簡(jiǎn)設(shè)計(jì)一般不會(huì)成功。為何?因?yàn)槟阒豢吹搅吮砻?。盡管極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)在很流行,很多網(wǎng)站都在用這種風(fēng)格,但實(shí)際上,極簡(jiǎn)風(fēng)格不能通吃所有類(lèi)型的網(wǎng)站,有的網(wǎng)站用極簡(jiǎn)風(fēng)格就不合適。
當(dāng)內(nèi)容較少時(shí),結(jié)合現(xiàn)代美學(xué)風(fēng)格,極簡(jiǎn)設(shè)計(jì)效果最佳。
當(dāng)內(nèi)容繁多、網(wǎng)站面向的用戶(hù)是大眾時(shí),極簡(jiǎn)設(shè)計(jì)往往不奏效。
像?The Verge這種內(nèi)容豐富,每日更新的科技站點(diǎn),面向的是普通人。
頁(yè)面中元素太多:廣告、社交媒體圖標(biāo)、按鈕、文章。簡(jiǎn)化起來(lái)非常麻煩。因?yàn)樗械脑囟际亲罨镜脑?,已?jīng)減無(wú)可減了,再減,用戶(hù)肯定會(huì)來(lái)反映問(wèn)題。
盡管這個(gè)網(wǎng)站看起來(lái)非常繁雜,但是瀏覽效率卻非常高。所以這個(gè)站點(diǎn)不適合采用極簡(jiǎn)風(fēng)格。
簡(jiǎn)化
另一種常見(jiàn)的問(wèn)題是,設(shè)計(jì)師削減的太多。導(dǎo)致網(wǎng)站缺少必要功能、難于理解、缺乏活力,交互性自然不佳。
極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)可以采用一些漂亮的圖片做背景,或者使用有趣的字體設(shè)計(jì),再或者打造完美的對(duì)照感和平衡感。如果不這樣做,網(wǎng)頁(yè)會(huì)看起來(lái)太扁平了
極簡(jiǎn)主義的目標(biāo)是:通過(guò)簡(jiǎn)化,讓內(nèi)容清晰可見(jiàn)。但是如果導(dǎo)航元素被嚴(yán)重削減,用戶(hù)無(wú)法理解導(dǎo)航的操作方式,那么便自然無(wú)法正常瀏覽內(nèi)容,也就不符合極簡(jiǎn)主義目標(biāo)。
例如,?Pixelsapien網(wǎng)站的設(shè)計(jì),部分元素設(shè)計(jì)的確實(shí)可圈可點(diǎn)?!癘ur Work”這一頁(yè)面中使用了扁平化、簡(jiǎn)約的圖標(biāo)(圖標(biāo)本身沒(méi)什么問(wèn)題,甚至可以說(shuō)圖標(biāo)設(shè)計(jì)的很棒),看上去很容易理解。
但是這不是一款成功的極簡(jiǎn)設(shè)計(jì),因?yàn)榭雌饋?lái)太無(wú)趣、太死板了。圖像、字體、色彩都太扁平了,完全居中對(duì)齊的布局方式太簡(jiǎn)單了。
如果能夠改善以上幾點(diǎn),這個(gè)網(wǎng)站的視覺(jué)效果會(huì)大不同。
相比之下?Grain and Gram?的外觀就好多了,看上去很漂亮。
但是為了達(dá)成極簡(jiǎn)主義,很多地方未免太教條。比如說(shuō)圖標(biāo),看起來(lái)辨識(shí)度不高,彼此之間很模糊,可以適度修改,提高辨識(shí)度。極簡(jiǎn)主義的意義在于能夠優(yōu)秀傳達(dá)內(nèi)容。
設(shè)計(jì)元素
為現(xiàn)代人打造現(xiàn)代風(fēng)格設(shè)計(jì)
創(chuàng)意產(chǎn)品機(jī)構(gòu)?Gigantic Squid的網(wǎng)頁(yè)設(shè)計(jì)就不賴(lài),很有極簡(jiǎn)之風(fēng)。少放文字,多放圖,讓更直觀的圖像說(shuō)話(huà)。
簡(jiǎn)約內(nèi)容適合以簡(jiǎn)約風(fēng)格來(lái)表現(xiàn)
像?Minimalist Music Quiz這種網(wǎng)站只有一個(gè)目的:通過(guò)展示極簡(jiǎn)主義藝術(shù)海報(bào)設(shè)計(jì),來(lái)讓用戶(hù)猜歌。
這種網(wǎng)站就很適合采用極簡(jiǎn)風(fēng)格。其一,和網(wǎng)站極簡(jiǎn)海報(bào)猜歌的主題相符;其二,像這種小游戲,越簡(jiǎn)單越能吸引用戶(hù);其三,功能更直觀、更強(qiáng)。
對(duì)比感
黑白色的照片結(jié)合藍(lán)綠色三角形,Case 3D?的網(wǎng)站向我們展示了他們成功的秘要:高度對(duì)照的形狀、材質(zhì)以及色彩。
平衡感
平衡感可以通過(guò)很多手段來(lái)完成,?Hennessy’s?的網(wǎng)頁(yè)設(shè)計(jì)采用了其中一種方法。經(jīng)典的柵格線(xiàn)布局,讓網(wǎng)頁(yè)看起來(lái)具有一種歷史悠久感和品牌經(jīng)典感,其他方法這里不贅述了,請(qǐng)各位自行探索。
細(xì)節(jié)
是細(xì)節(jié)的精致感讓?Stronghold的網(wǎng)站美麗無(wú)窮,這種細(xì)節(jié)化的極簡(jiǎn)設(shè)計(jì)非常特殊。這是高水準(zhǔn)的極簡(jiǎn)設(shè)計(jì),沒(méi)有一定功力的設(shè)計(jì)師做不來(lái)。
字體
The textural, handwritten typography on?MailChimp 2012’s的主頁(yè)采用了手繪字體,讓圖像一下子活了起來(lái);整體簡(jiǎn)單無(wú)比,視覺(jué)效果又非常流暢,還具有一種空間感。
一致性
Adam Rudzki的個(gè)人網(wǎng)站,視覺(jué)和交互體驗(yàn)都不錯(cuò),形狀、線(xiàn)條、動(dòng)效無(wú)縫銜接,保證一致性的同時(shí)具有清晰的辨識(shí)度。
總結(jié)
上面提到的所有元素在進(jìn)行極簡(jiǎn)設(shè)計(jì)時(shí)都要考慮到,并且要良好結(jié)合。
極簡(jiǎn)主義的目的是通過(guò)簡(jiǎn)化來(lái)提高傳達(dá)效果,可選項(xiàng)盡量少一點(diǎn)。好的極簡(jiǎn)設(shè)計(jì)交互流暢、視覺(jué)誘人、體驗(yàn)美妙。
很多設(shè)計(jì)師都從極簡(jiǎn)設(shè)計(jì)中受益,有的人在進(jìn)行極簡(jiǎn)設(shè)計(jì)中發(fā)現(xiàn)了自己的不足,而有的人則通過(guò)極簡(jiǎn)設(shè)計(jì)吸引了更多的用戶(hù),因此無(wú)論從哪個(gè)出發(fā)點(diǎn),極簡(jiǎn)主義都是個(gè)不錯(cuò)的選擇。
原文地址:webdesignledger
優(yōu)設(shè)網(wǎng)翻譯:@MartinRGB
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè):網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博:擁有粉絲量58萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓